<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="xdz" uri="/xdztools" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="${xdz:domain() }/css/bootstrap.min.css">
<link rel="stylesheet" href="${xdz:domain() }/css/font-awesome.min.css">
<link rel="stylesheet" href="${xdz:domain() }/css/parsley.css" >
<%-- <link rel="stylesheet" href="${xdz:domain() }/css/style.min.css"> --%>
<link rel="stylesheet" href="${xdz:domain() }/css/kkpager_blue.css">
<script src="${xdz:domain() }/js/jquery.min.js"></script>
<script src="${xdz:domain() }/js/jquery.treetable.js"></script>
<script src="${xdz:domain() }/js/bootstrap.min.js"></script>
<script src="${xdz:domain() }/js/plugins/fuelux/fuelux.js"></script>
<script src="${xdz:domain() }/js/underscore-min.js"></script>
<script src="${xdz:domain() }/js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="${xdz:domain() }/js/app.js"></script>
<script src="${xdz:domain() }/js/app.plugin.js"></script>
<script src="${xdz:domain() }/js/app.data.js"></script>
<script src="${xdz:domain() }/js/kkpager.min.js"></script>
<script src="${xdz:domain() }/js/pagination.js"></script>
<script type="text/javascript" src="${xdz:domain() }/js/plugins/layer/layer.min.js"></script>
<title></title>
</head>
<body>
    <form action="../acMessageBase/list" id="acMessageBaseForm" method="post">
        <div class="panel panel-default">
        	<header class="panel-heading"><h3 class="panel-title">发送消息列表</h3></header>
        	<div class="panel-body">
        		<div class="row">
            <div class="col-md-2">
    				<input type="text" name="title" value="${condition.title}" class="form-control input-sm" placeholder="信息标题">
            </div>
            <div class="col-md-2">
    				<input type="text" name="touserName" value="${condition.touserName}" class="form-control input-sm" placeholder="送至用户">
            </div>
            <div class="col-md-2">
    				<input type="text" name="toroleName" value="${condition.toroleName}" class="form-control input-sm" placeholder="送至角色">
            </div>
                    	<div class="col-md-2">
                    		<button class="btn btn-primary btn-sm" type="submit">查询</button>
                        </div>
                        	<div class="col-md-2 pull-right">
                            <button type="button" class="btn btn-primary btn-sm pull-right" onclick="sendMsg()">新增</button>
                    </div>
                    </div>
                    </div>
                    <div class="table-responsive scroll-wrapper">
                        <table class="table table-striped table-hover table-condensed">
                            <thead>
                                <tr>
<!--                                     <th>主键</th> -->
                                    <th>信息标题</th>
                                    <th>信息内容</th>
                                    <th>发送时间</th>
                                    <th>发送者</th>
                                    <th>送至用户</th>
                                    <th>送至角色</th>
<!--                                     <th>状态</th> -->
                                </tr>
                            </thead>
                            <tbody>
                                <c:forEach var="list" items="${list }">
                                    <tr>
<%--                                         <td>${list.id }</td> --%>
                                        <td>${list.title }</td>
                                        <td >
                                        	<c:if test="${fn:length(list.content) >6 }"><a title="${list.content }" href="javascript:void(0)" onclick="showMsg('${list.title }','${list.content}')">点击查看详情</a></c:if>
                                        	<c:if test="${fn:length(list.content) <=6 }">${list.content }</c:if>
                                        </td>
                                        <td>${list.strSendtime }</td>
                                        <td>${list.author }</td>
                                        <td>${list.touserName }</td>
                                        <td>${list.toroleName }</td>
<%--                                         <td>${list.status }</td> --%>
                                        <td><a href="javascript:void(0)" onclick="readlog(${list.id})" >阅读记录</a></td>    
                                   </tr>
                                </c:forEach>
                            </tbody>
                        </table>
                    </div>
                                <div class="panel-footer">
                                	<div id="kkpager"></div>
                            </div>
        </div>
    </form>
    <script type="text/javascript">
    function sendMsg(){
    	layer.open({
    		  type: 2,
    		  title: '发送消息给所有用户',
    		  shadeClose: true,
    		  shade: 0.4,
    		  area: ['500px', '560px'],
    		  content: '../acMessageBase/addPage' 
    		});
    }
    
    function showMsg(title,content){
    	layer.open({
			  type: 1, //page层
			  area: ['50%', '50%'],
			  title: title,
			  shade: 0.6, //遮罩透明度
			  moveType: 1, //拖拽风格，0是默认，1是传统拖动
			  shift: 1, //0-6的动画形式，-1不开启
			  content: '<div  style="padding:50px;">'+content+'</div>'
			});  
    }
    

    	function readlog(id) {
    		layer.open({
    		      type: 2,
    		      title: '消息查看记录',
    		      shadeClose: true,
    		      shade: 0.6,
//     		      maxmin: true, //开启最大化最小化按钮
    		      area: ['50%', '50%'],
    		      content: '../acMsgreadlogBase/list?messageId='+id
    		});
    	}

		kkpager.generPageHtml({
			pno : '${extQuery.pageNum }',
			mode : 'click', //设置为click模式
			//总页码
			total : '${extQuery.totalPage}',
			//总数据条数 
			totalRecords : '${extQuery.total}',
			//点击页码、页码输入框跳转、以及首页、下一页等按钮都会调用click
			//适用于不刷新页面，比如ajax
			click : function(n){
				//这里可以做自已的处理
				//...
				this.selectPage(n);
				toPage(n, '${extQuery.totalPage}', 'acMessageBase');
				this.selectPage(n);
				//处理完后可以手动条用selectPage进行页码选中切换

			},
			//getHref是在click模式下链接算法，一般不需要配置，默认代码如下
			getHref : function(n){
				return '#';
			}

		});
    </script>
</body>
</html>
